<template>
    <div>
        <el-card class="box-card">
            <div slot="header" class="clearfix">
                <span>{{ title }}</span>
            </div>
            <div>
                <p>
                    {{ content }}
                </p>
            </div>
            <div>
                <span v-for="l in lables">
                    {{ l }}
                </span>
            </div>
            <div>
                <span>收藏: {{ starts }}</span>
            </div>
        </el-card>
    </div>
</template>

<script>
    export default {
        name: 'ArticleItem',
        props: {
            title: {
                type: String,
                default: ""
            },
            content: {
                type: String,
                default: ""
            },
            starts: {
                type: Number,
                default: 0
            },
            lables: []
        }
    }
</script>

<style scoped>

</style>
